<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书后台管理系统</title>
    <link rel="stylesheet" href="scss/index.css">
    <!--<script src="js/jquery-3.1.1.js"></script>-->
    <!--<script src=”http://libs.baidu.com/jquery/2.1.1/jquery.min.js”></script>-->
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>

<!--
//头部部分
-->
<div class="head">
    <div class="logo">
        China&nbsp;-&nbsp;Pub&nbsp;&nbsp;&nbsp;后台管理系统
    </div>
    <div class="user">
        <img src="images/user.png" height="50" width="50"/>
    </div>
</div>
<!--//主题部分-->
<div class="content">
    <div class="btn">
        <button class="addBook">添加数据</button>
        <button class="refresh">刷新</button>
    </div>

    <div class="tab">
        <table class="table">
            <thead>
            <th><input type="checkbox"></th>
            <th>图片</th>
            <th >书名</th>
            <th >作者</th>
            <th >会员价</th>
            <th >出版社</th>
            <th>操作</th>
            </thead>
        </table>
        <table class="tables">
        </table>
    </div>
    <div class="mask">
        <div class="list">
            <div class="Shead">
                <div class="book-head">
                    <h2>新增书籍:</h2>
                </div>
                <span>
                    <button>↔</button>
                    <button>✿</button>
                    <button>✘</button>
                </span>
            </div>
            <div class="bookLeft">
                <p>书名:<input type="text" id="bookName"></p>
                <p>翻译:<input type="text" id="bookTranslate"></p>
                <p>会员:<input type="text" id="VIP"></p>
                <p>价格:<input type="text" id="bookPrice"></p>
                <p>作者:<input type="text" id="bookAuthor"></p>
                <p>出版社:<input type="text" id="bookPress"></p>
                <p>评分:<input type="text" id="bookGrande"></p>
                <p>购买:<input type="text" id="bookBuy"></p>
            </div>
            <div class="bookRight">
                <p>上架时间:<input type="text" id="groundTime"></p>
                <p>会员价:<input type="text" id="priceVIP"></p>
                <p>ISBN:<input type="text" id="iSBN"></p>
                <p>Ebook:<input type="text" id="Ebook"></p>
                <p>E价格:<input type="text" id="priceE"></p>
                <p>V价格:<input type="text" id="priceV"></p>
                <p>E原价:<input type="text" id="bookE"></p>
                <p>图片:<input type="text" id="bookImages"></p>
            </div>
            <div >
                <button class="add">添加</button>
            </div>
        </div>
    </div>
</div>

</body>
 <script src="js/index.js"></script>
</html>